<extend name="Public/base"/>

<block name="body">
	<script type="text/javascript" src="__PUBLIC__/uploadify/jquery.uploadify.min.js"></script>
	<div class="am-cf am-u-md-12 header-title">
		<h2>{:isset($info['id'])?'编辑':'新增'}分类</h2>
	</div>
	<form action="{:U()}" method="post" class="am-form am-form-horizontal">
		<div class="am-cf am-u-md-12 am-margin-top am-tabs" data-am-tabs="{noSwipe: 1}">
			<ul class="am-tabs-nav am-nav am-nav-tabs">
				<li data-tab="tab1" class="am-active"><a href="javascript:void(0);">基 础</a></li>
				<li data-tab="tab2"><a href="javascript:void(0);">高 级</a></li>
			</ul>
			<div class="am-tabs-bd">
				<!-- 基础 -->
				<div id="tab1" class="am-tab-panel am-active">
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">上级分类</label>
						<div class="am-u-sm-10">
							<input type="text" class="text input-large" disabled="disabled" value="{$category['title']|default='无'}"/>
							<span class="am-form-help"></span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">分类名称</label>
						<div class="am-u-sm-10">
							<input type="text" name="title" class="text input-large" value="{$info.title|default=''}">
							<span class="am-form-help">（名称不能为空）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">分类标识</label>
						<div class="am-u-sm-10">
							<input type="text" name="name" class="text input-large" value="{$info.name|default=''}">
							<span class="am-form-help">（英文字母）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">分组定义</label>
						<div class="am-u-sm-10">
							<textarea name="groups">{$info.groups|default=''}</textarea>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">发布内容</label>
						<div class="am-u-sm-10">
							<label class="am-radio-inline"><input type="radio" name="allow_publish" value="0">不允许</label>
							<label class="am-radio-inline"><input type="radio" name="allow_publish" value="1" checked>仅允许后台</label>
							<label class="am-radio-inline"><input type="radio" name="allow_publish" value="2" >允许前后台</label>
							<span class="am-form-help">（是否允许发布内容）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">
							是否审核
						</label>
						<div class="am-u-sm-10">
							<label class="am-radio-inline"><input type="radio" name="check" value="0" checked>不需要</label>
							<label class="am-radio-inline"><input type="radio" name="check" value="1">需要</label>
							<span class="am-form-help">（在该分类下发布的内容是否需要审核）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">允许文档类型</label>
						<div class="am-u-sm-10">
							<volist name=":C('DOCUMENT_MODEL_TYPE')" id="type">
								<label class="am-checkbox-inline">
									<input type="checkbox" name="type[]" value="{$key}">{$type}
								</label>
							</volist>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">列表绑定文档模型</label>
						<div class="am-u-sm-10">
							<volist name=":get_document_model()" id="list">
								<label class="am-checkbox-inline">
									<input type="checkbox" name="model[]" value="{$list.id}">{$list.title}
								</label>
							</volist>
								<span class="am-form-help">（列表支持发布的文档模型）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">子文档绑定绑定模型</label>
						<div class="am-u-sm-10">
							<volist name=":get_document_model()" id="list">
								<label class="am-checkbox-inline">
									<input type="checkbox" name="model_sub[]" value="{$list.id}">{$list.title}
								</label>
							</volist>
								<span class="am-form-help">（子文档支持发布的文档模型）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">分类图标</label>
						<div class="am-u-sm-10">
							<input type="file" id="upload_picture">
							<input type="hidden" name="icon" id="icon" value="{$info['icon']|default=''}"/>
							<div class="upload-img-box">
							<notempty name="info['icon']">
								<div class="upload-pre-item"><img src="{$info.icon|get_cover='path'}"/></div>
							</notempty>
							</div>
						</div>
					</div>
					<script type="text/javascript">
					//上传图片
				    /* 初始化上传插件 */
					$("#upload_picture").uploadify({
				        "height"          : 30,
				        "swf"             : "__PUBLIC__/uploadify/uploadify.swf",
				        "fileObjName"     : "download",
				        "buttonText"      : "上传图片",
				        "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
				        "width"           : 120,
				        'removeTimeout'	  : 1,
				        'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
				        "onUploadSuccess" : uploadPicture,
				        'onFallback' : function() {
				            alert('未检测到兼容版本的Flash.');
				        }
				    });
					function uploadPicture(file, data){
				    	var data = $.parseJSON(data);
				    	var src = '';
				        if(data.status){
				        	$("#icon").val(data.id);
				        	src = data.url || '__ROOT__' + data.path;
				        	$("#icon").parent().find('.upload-img-box').html(
				        		'<div class="upload-pre-item"><img src="' + src + '"/></div>'
				        	);
				        } else {
				        	updateAlert(data.info);
				        	setTimeout(function(){
				                $('#top-alert').find('button').click();
				                $(that).removeClass('disabled').prop('disabled',false);
				            },1500);
				        }
				    }
					</script>
				</div>

				<!-- 高级 -->
				<div id="tab2" class="am-tab-panel tab2">
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">可见性</label>
						<div class="am-u-sm-10">
							<select name="display">
								<option value="1">所有人可见</option>
								<option value="0">不可见</option>
								<option value="2">管理员可见</option>
							</select>
							<span class="am-form-help">（是否对用户可见，针对前台）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">排序</label>
						<div class="am-u-sm-10">
							<input type="text" name="sort" class="text input-small" value="{$info.sort|default=0}">
							<span class="am-form-help">（仅对当前层级分类有效）</span>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">列表行数</label>
						<div class="am-u-sm-10">
							<input type="text" name="list_row" class="text input-small" value="{$info.list_row|default=10}">
						</div>
					</div>

					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">网页标题</label>
						<div class="am-u-sm-10">
							<input type="text" name="meta_title" class="text input-large" value="{$info.meta_title|default=''}">
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">关键字</label>
						<div class="am-u-sm-10">
							<textarea name="keywords">{$info.keywords|default=''}</textarea>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">描述</label>
						<div class="am-u-sm-10">
							<textarea name="description">{$info.description|default=''}</textarea>
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">频道模板</label>
						<div class="am-u-sm-10">
							<input type="text" name="template_index" class="text input-large" value="{$info.template_index|default=''}">
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">列表模板</label>
						<div class="am-u-sm-10">
							<input type="text" name="template_lists" class="text input-large" value="{$info.template_lists|default=''}">
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">详情模板</label>
						<div class="am-u-sm-10">
							<input type="text" name="template_detail" class="text input-large" value="{$info.template_detail|default=''}">
						</div>
					</div>
					<div class="am-form-group">
						<label class="am-u-sm-2 am-form-label">编辑模板</label>
						<div class="am-u-sm-10">
							<input type="text" name="template_edit" class="text input-large" value="{$info.template_edit|default=''}">
						</div>
					</div>
				</div>

				<div class="am-form-group">
            		<div class="am-u-sm-10 am-u-sm-offset-2">
						<input type="hidden" name="id" value="{$info.id|default=''}">
						<input type="hidden" name="pid" value="{:isset($category['id'])?$category['id']:$info['pid']}">
						<button type="submit" class="am-btn am-btn-primary submit-btn ajax-post" target-form="am-form-horizontal">确 定</button>
						<button class="am-btn am-btn-default btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</block>

<block name="script">
	<script type="text/javascript">
		<present name="info.id">
		Think.setValue("allow_publish", {$info.allow_publish|default=1});
		Think.setValue("check", {$info.check|default=0});
		Think.setValue("model[]", {$info.model|json_encode} || [1]);
		Think.setValue("model_sub[]", {$info.model_sub|json_encode} || [1]);
		Think.setValue("type[]", {$info.type|json_encode} || [2]);
		Think.setValue("display", {$info.display|default=1});
		Think.setValue("reply", {$info.reply|default=0});
		Think.setValue("reply_model[]", {$info.reply_model|json_encode} || [1]);
		</present>
		$(function(){
			showTab();
			$("input[name=reply]").change(function(){
				var $reply = $(".am-form-group.reply");
				parseInt(this.value) ? $reply.show() : $reply.hide();
			}).filter(":checked").change();
		});
		//导航高亮
		highlight_subnav('{:U('Category/index')}');
	</script>
</block>
